<!DOCTYPE>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>演示</title>
	<script src="./index.js"></script>
	<style>
	.mainDiv {
	    position: absolute;
		top: 20px;
	}
	.droptarget{
		position: absolute;
		border: 1px blue solid;
		min-height:40px;
		width:200px;
		margin:10px;
	}
	.top-75{
		top:75px;
	}
	</style>
  </head>
<body>
	<p id="showtext">
		
	</p>
	<div class = "mainDiv">
		<div class="droptarget" ondrop="drop(event)" ondragleave="dragleave(event)" ondragenter="dragenter(event)" ondragover="dragover(event)">
			<p draggable="true" ondragstart="dragstart(event)" id ="droptarget">
				text
			</p>		
		</div>
		<div class="droptarget top-75" ondrop="drop(event)" ondragleave="dragleave(event)" ondragenter="dragenter(event)" ondragover="dragover(event)"></div>
	</div>
	
  </body>
</html>
